.card {
  transition: all 0.3s ease;
  border-radius: 8px;
  border: 1px solid var(--border);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 任务完成动画 */
.task-complete-animation {
  animation: taskComplete 0.8s ease forwards;
  z-index: 10;
}

.task-move-animation {
  animation: taskMove 0.8s ease forwards;
}

@keyframes taskComplete {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes taskMove {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}